<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    
</head>

<body class="dpflex fdcolumn" id="body">
    <main class="main">
        <a href="./mine-edit.html" class="head-item dpflex fdcolumn">
            <!-- 头像 -->
            <div class="dpflex head-portrait">
                <img src="../img/dog.jpg" class="portrait" id="portrait">
                <div class="ml10 flex1" id="nickname">18748515237</div>
                <i class="iconfont icon-right "></i>
            </div>
            <div>
                <span>个性签名：</span>
                <span id="sign">这个人很懒,什么都没有留下</span>
            </div>
        </a>
        <input type="file" id="imgUploadIpt" class="dpnone">
        <!-- 个人动态 -->
        <section class="dynamic dpflex mt16">
            <div>
                <i class="iconfont icon-dynamic active"></i>
                <span>个人动态</span>
            </div>
            <div>
                <span> 0条</span>
                <i class="iconfont icon-right"></i>
            </div>
        </section>
        <!-- 运动数据 -->
        <a class="run-data" href="./sports-data.html">
            <div class="dynamic dpflex mt16">
                <div>
                    <i class="iconfont icon-information active"></i>
                    <span>运动数据</span>
                </div>
                <div>
                    <span> 0条</span>
                    <i class="iconfont icon-right"></i>
                </div>
            </div>
            <div class="dpflex run-data-msg">
                <div class="total-sports flex1">
                    <span>总运动</span>
                    <div class="mt16">
                        <span class="fs28 active" id="times">141</span>分钟
                    </div>
                </div>
                <div class="week-consume flex1 ml10">
                    <span>本周消耗</span>
                    <div class="mt16">
                        <span class="fs28 active" id="calorie">141</span>千卡
                    </div>
                </div>
            </div>
        </a>
        <!-- 运动徽章 -->
        <section class="dynamic dpflex mt16">
            <div>
                <i class="iconfont icon-badge active"></i>
                <span>我的运动徽章</span>
            </div>
            <div>
                <span> 0条</span>
                <i class="iconfont icon-right"></i>
            </div>
        </section>
        <div class="active quit-login mt16" id="quitLogin">退出登录</div>

    </main>

</body>

</html>